<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/css/swiper.min.css" rel="stylesheet">
	</head>
	<body>
		<!-- header begin -->
		<div class="header" id="t1">
			<div class="header_top">
				<div class="logo fl"></div>
				<div class="search fl">
					<div class="btn1 fl"><img src="img/index2.png" alt=""></div>
					<div class="text1 fl">搜索商品名称</div>
					<div class="clear"></div>
				</div>
				<div class="login fr"></div>
				<div class="clear"></div>
			</div>
			<div class="header_bottom">
				<div class="header_left fl">
					<ul class="clearfix">
						<li>推荐</li>
						<li>手机</li>
						<li>智能</li>
						<li>电视</li>
						<li>家电</li>
						<li>笔记本</li>
					</ul>
				</div>
				<div class="header_right fr"><img src="img/index1.png" alt=""></div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- header end -->
		<!-- banner begin -->
		<div class="swiper-container banner">
			<div class="swiper-wrapper">
				<div class="swiper-slide b1"></div>
				<div class="swiper-slide b2"></div>
			</div>
		</div>
		<!-- banner end -->
		<!-- main begin -->
		<div class="main">
			<ul>
				<li><img src="img/1.png" alt=""></li>
				<li><img src="img/2.webp" alt=""></li>
				<li><img src="img/3.webp" alt=""></li>
				<li><img src="img/4.webp" alt=""></li>
				<li><img src="img/5.webp" alt=""></li>
				<li><img src="img/6.webp" alt=""></li>
				<li><img src="img/7.png" alt=""></li>
				<li><img src="img/8.png" alt=""></li>
				<li><img src="img/9.webp" alt=""></li>
				<li><img src="img/10.png" alt=""></li>
			</ul>
		</div>
		<!-- main end -->
		<!-- guanggao benin -->
		<div class="guang">
			<ul>
				<li><img src="img/h1.webp"></li>
				<li><img src="img/h3.webp"></li>
				<li><img src="img/h3.gif"></li>
			</ul>
		</div>
		<!-- guanggao end -->
		<!-- cp begin -->
		<div class="cp">
			<div class="cp_left fl">
				<img src="img/n1.webp" alt="">
			</div>
			<div class="cp_right fl">
				<div class="cp_top">
					<img src="img/n2.webp">
				</div>
				<div class="cp_bottom">
					<img src="./img/n3.webp">
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<!-- cp end -->
		<!-- guanggao1 begin -->
		<div class="guanggao1"></div>
		<!-- guanggao1 begin -->
		<!-- jigxuan begin -->
		<div class="jigxuan"></div>
		<!-- jigxuan begin -->
		<!-- phion begin -->
		<div class="phion">
			<ul>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
			</ul>
			<div class="more">更多小米品牌手机></div>
		</div>
		<!-- phion end -->
		<!-- jigxuan2 begin -->
		<div class="jigxuan2"></div>
		<!-- jigxuan2 begin -->
		<!-- phion begin -->
		<div class="phion">
			<ul>
				<li>
					<div class="phon_pic"><img src="img/l2.webp" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
			</ul>
			<div class="more">更多小米品牌电视></div>
		</div>
		<!-- phion end -->
		<!-- guanggao1 begin -->
		<div class="guanggao2"></div>
		<!-- guanggao1 begin -->
		<!-- jigxuan2 begin -->
		<div class="jigxuan3"></div>
		<!-- jigxuan2 begin -->
		<!-- phion begin -->
		<div class="phion">
			<ul>
				<li>
					<div class="phon_pic"><img src="img/l5.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/g3.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>

			</ul>
			<div class="more">更多小米品牌笔记本></div>
		</div>
		<!-- phion end -->
		<!-- guanggao1 begin -->
		<div class="guanggao3"></div>
		<!-- guanggao1 begin -->
		<!-- jigxuan2 begin -->
		<div class="jigxuan4"></div>
		<!-- jigxuan2 begin -->
		<!-- phion begin -->
		<div class="phion">
			<ul>
				<li>
					<div class="phon_pic"><img src="img/l8.webp" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/l11.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/l8.webp" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/l11.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/l8.webp" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>
				<li>
					<div class="phon_pic"><img src="img/l11.jpg" alt=""></div>
					<div class="phion_txt">
						<div class="txt1">Redmi K30 4G</div>
						<div class="txt2">120Hz流速屏，全速热爱</div>
						<div class="txt3"><span>¥1299起</span>&nbsp;&nbsp;&nbsp;<i>¥1966</i></div>
						<div class="txt4">点击够买</div>
					</div>
				</li>

			</ul>
			<div class="more">更多小米品牌家电></div>
		</div>
		<!-- phion end -->
		<!-- guanggao1 begin -->
		<div class="guanggao4"></div>
		<!-- guanggao1 begin -->
		<!-- jigxuan2 begin -->
		<div class="jigxuan5"></div>
		<!-- jigxuan2 begin -->
		<!-- tishi begin -->
		<div class="tishi">
			<ul>
				<li>
					<img src="img/c1.jpg" alt="">
				</li>
				<li>
					<div class="wenzi1">米家直流变频落地扇1X</div>
					<div class="wenzi2">模拟自然风算法 支持AI语音</div>
					<div class="wenzi3">¥299</div>
				</li>
				<li>
					<div class="wenzi1">米家直流变频落地扇1X</div>
					<div class="wenzi2">模拟自然风算法 支持AI语音</div>
					<div class="wenzi3">¥299</div>
				</li>
				<li>
					<img src="img/c2.jpg" alt="">
				</li>
				<li>
					<img src="img/c3.jpg" alt="">
				</li>
				<li>
					<div class="wenzi1">米家直流变频落地扇1X</div>
					<div class="wenzi2">模拟自然风算法 支持AI语音</div>
					<div class="wenzi3">¥299</div>
				</li>
			</ul>
			<div class="more">更多米家智能产品></div>
		</div>
		<!-- tishi end -->
		<!-- anli begin -->
		<div class="anli">
			<ul>
				<li><img src="img/v1.webp" alt=""></li>
				<li><img src="img/v2.webp" alt=""></li>
				<li><img src="img/v3.webp" alt=""></li>
				<li><img src="img/v4.webp" alt=""></li>
				<li><img src="img/v5.webp" alt=""></li>
				<li><img src="img/v6.webp" alt=""></li>
			</ul>
		</div>
		<!-- anli end -->
		<!-- guanggao1 begin -->
		<div class="guanggao5"></div>
		<!-- guanggao1 begin -->
		<!-- liaojie begin -->
		<div class="liaojie">
			了解小米
		</div>
		<!-- liaojie end -->
		<!-- footer begin -->
		<div class="footer">
			<ul>
				<li><span><img src="img/f1.png"></span>首页</li>
				<li><span><img src="img/f2.png"></span>分类</li>
				<li><span><img src="img/f3.png"></span>星球</li>
				<li><span><img src="img/f4.png"></span>购物车</li>
				<li><span><img src="img/f5.png"></span>我的</li>
			</ul>
		</div>
		<!-- footer end -->
		<!-- top begin -->
		<div class="top"><img src="img/top.451d650ecd.png" alt=""></div>
		<!-- top end -->
		<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/js/swiper.min.js"></script>
		<script type="text/javascript">
			var banner = new Swiper('.banner', {
				autoplay: true, //可选选项，自动滑动
				loop: true,
			})
		</script>
	</body>
</html>
